<template>
    <view class="app-content">
        <van-nav-bar
            title="小程序隐私保护指引"
            left-arrow
            :border="false"
            @click-left="onClickLeft"
        />
        <!--        滚动内容区域-->
        <scroll-view :refresher-enabled="false" class="scroll-content" scroll-y  show-scrollbar="false">
            <view class="text">
                <!-- <view class="par">
                    本指引是我的手环小程序开发者
                    "山西寰烁电子科技股份有限公司"（以下简称“开发者”）为处理你的个人信息而制定。
                </view> -->
                <br/>
                <view class="bold"> 开发者处理的信息 </view>
                <view class="par">
                    根据法律规定，开发者仅处理实现小程序功能所必要的信息。为了识别用户身份，开发者将在获取你的明示同意后，收集你的手机号。
                </view>
                <view class="bold"> 你的权益 </view>
                <view>
                    关于你的个人信息，你可以通过以下方式与开发者联系，行使查阅、复制、更正、删除等法定权利。
                </view>
                <!-- <view class="par"> 邮箱:service@huanshuo.net </view> -->
                <view class="bold"> 开发者对信息的存储 </view>
                <view class="par">
                    开发者承诺，除法律法规另有规定外，开发者对你的信息的保存期限应当为实现处理目的所必要的最短时间。
                </view>
                <view class="bold"> 信息的使用规则 </view>
                <view class="par">
                    开发者将会在本指引所明示的用途内使用收集的信息。如开发者使用你的信息超出本指引目的或合理范围，开发者必须在变更使用目的或范围前，再次以隐私政策弹框方式告知并征得你的明示同意。
                </view>
                <view class="bold"> 信息对外提供 </view>
                <view class="par">
                    开发者承诺，不会主动共享或转让你的信息至任何第三方，如存在确需共享或转让时，开发者应当直接征得或确认第三方征得你的单独同意。
                </view>
                <view class="par">
                    开发者承诺，不会对外公开披露你的信息，如必须公开披露时，开发者应当向你告知公开披露的目的、披露信息的类型及可能涉及的信息，并征得你的单独同意。
                </view>
                <view class="par">
                    你认为开发者未遵守上述约定，或有其他的投诉建议、或未成年人个人信息保护相关问题，可通过以下方式与开发者联系；或者向微信进行投诉。
                </view>
                <!-- <view> 邮箱 : service@huanshuo.net </view> -->
                <view> 更新日期：2022-08-16 </view>
                <view> 生效日期：2022-08-16 </view>
            </view>
        </scroll-view>
    </view>
</template>
<script>
export default {
    data () {
        return {}
    },
    methods: {
        onClickLeft () {
            uni.navigateBack({
                delta: 1
            })
        }
    }
}
</script>
<style scoped>
.app-content {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.text {
  font-size: 14px;
  line-height: 22px;
  padding: 16px 16px calc(32px + env(safe-area-inset-bottom)) 16px;
  background: #F7F8FA;
  color: #242629;
}
.scroll-content {
  flex: 1;
  height: 1px;
}
.bold{
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
}

.par{
    margin-bottom: 22px;
}

::v-deep .van-nav-bar__left {
    width: 56px;
    height: 44px;
}

::v-deep .van-icon {
    color: #242629 !important;
}
</style>
